{% extends 'index/base.html' %}

{% block title %}
<title>积分商城-有间工作室</title>
{% endblock title %}

{% block js %}
<link rel="stylesheet" type="text/css" href="/static/index/css/reset.css">
<link rel="stylesheet" type="text/css" href="/static/index/css/main.css">
<script type="text/javascript" src="/static/index/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="/static/index/js/detail.js"></script>
<style type="text/css" id="syntaxhighlighteranchor"></style>
{% endblock js %}


{% block nav_bar %}
{% endblock nav_bar %}



{% block content %}
<section id="main" class="col-md-8">
    <article>
        <div class="kratos-hentry kratos-post-inner clearfix">
            <header class="kratos-entry-header">
                <h1 class="kratos-entry-title text-center">积分商城</h1>
            </header>
            <div class="kratos-post-content">
                <p></p>
                <div class="uc-goods-list cf">


                    {% for good in goods %}
                    <li style="width: 33.3%;">
                        <div class="uc-goods-item">
                            <div class="uc-goods-pic"><a target="_blank"
                                   
                                    href="{{ url_for('index_blue.shop_detail',good_id=good.id) }}" isconvert="1"
                                    style="width: 187px; height: 187px;"><img
                                        src="{{ good.index_image_url }}"
                                        alt="{{ good.title }}" layer-index="1"
                                        style="width: 187px; max-height: 187px;"></a>
                            </div>
                            <div class="uc-goods-title"><a target="_blank"
                                    href="{{ url_for('index_blue.shop_detail') }}"
                                    title="{{ good.title }}" isconvert="1">{{ good.title }}</a></div>
                            <div class="uc-goods-info cf"><span class="uc-goods-point fl">{{ good.integral }}<em>积分</em></span>
                                <span class="uc-goods-price fl"><em>￥</em>{{ good.money }}</span>
                                {% if not good.on_off %}
                                <span class="uc-goods-num fr">暂时缺货</span>
                                {% endif %}
                            </div>
                        </div>
                    </li>
                    {% endfor %}

                </div>
                <p></p>
            </div>
        </div>
        <div id="comments" class="comments-area">
            <script type="text/javascript" language="javascript">
                /* <![CDATA[ */
                function grin(tag) {
                    var myField;
                    tag = ' ' + tag + ' ';
                    if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') {
                        myField = document.getElementById('comment');
                    } else {
                        return false;
                    }
                    if (document.selection) {
                        myField.focus();
                        sel = document.selection.createRange();
                        sel.text = tag;
                        myField.focus();
                    }
                    else if (myField.selectionStart || myField.selectionStart == '0') {
                        var startPos = myField.selectionStart;
                        var endPos = myField.selectionEnd;
                        var cursorPos = endPos;
                        myField.value = myField.value.substring(0, startPos)
                            + tag
                            + myField.value.substring(endPos, myField.value.length);
                        cursorPos += tag.length;
                        myField.focus();
                        myField.selectionStart = cursorPos;
                        myField.selectionEnd = cursorPos;
                    }
                    else {
                        myField.value += tag;
                        myField.focus();
                    }
                }
/* ]]> */
            </script>
        </div>
    </article>
</section>

{% endblock content %}




{% block js_2 %}
{% endblock js_2 %}